<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" buffer="16kb" session="false" autoFlush="true"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>${root.topCatalogsName}导航-噢啦网址导航-上网从噢啦开始-www.uuola.com</title>
        <meta name="keywords" content="${root.topCatalogsName}导航,噢啦网,网址导航,网站导航,生活服务,美容,护肤,视频,游戏,购物,新闻,财经,社区,交友,旅游,热销,店铺"/>
        <meta name="description" content="${root.topCatalogsName}导航,噢啦网址导航.噢啦网,网址导航,网站导航,生活服务,美容,护肤,视频,游戏,购物,新闻,财经,社区,交友,旅游,热销,店铺"/>
        <link rel="shortcut icon" href="http://cdn.uuola.cn/favicon.ico" type="image/x-icon" />
        <script type="text/javascript" src="${ctxpath}/inc/ctx.jsp"></script>
        <script type="text/javascript" src="http://cdn.uuola.cn/js/txbase.js"></script>
        <script type="text/javascript" src="http://cdn.uuola.cn/js/jq.autocomplete.js"></script>
        <script type="text/javascript" src="http://cdn.uuola.cn/index/js/index-min.js"></script>
        <link rel="stylesheet" type="text/css" href="http://cdn.uuola.cn/css/index-min.css" charset="utf-8"/>
        <style>
            #nav{text-align:left;font-size:14px;background:#ECF7FD;border-bottom:1px solid #B4DCF7;color:#1379BD;padding:4px 0px 4px 4px;}
            #nav a{color:#1379BD;}
            #navlink{clear:both;display:block;width:100%;}
            #navlink ul{border-bottom:1px solid #B4DCF7;display:inline-block;width:100%;padding:5px 0px 5px 0px;}
            #navlink ul li{float:left;display:inline-block;}
            #navlink ul li a{padding:9px 19px 9px 15px;font-size:14px;color:#0E5A84;}
            h2.ctname{text-align:left;padding:15px 0px 5px 0px;font-size:14px;font-weight:600;color:#1E91DC;clear:both;}
            #site-list{padding:9px; display:inline-table;text-align:left;}
            #site-list a{color:#333;padding:12px 0px 12px 0px;display:inline-block;width:160px;text-align:center;font-size:14px;border:1px #fff dashed;}
            #site-list a:hover{background:#EAF5FF;border:1px #8DC6FF dashed;}
        </style>
    </head>
    <body>
        <div id="topbar"><script type="text/javascript" src="http://cdn.uuola.cn/index/js/topbar.js" charset="utf-8"></script></div>
        <div id="page">
            <div id="pageMain" class="f">
                <div id="top"></div>
                <div id="search">
                    <div class="f trow" style="width:220px;padding-top:10px;">
                        <script type="text/javascript" src="http://cdn.uuola.cn/index/js/logo.js" charset="utf-8"></script>
                    </div>
                    <div class="f" id="sotab"><script type="text/javascript" src="http://cdn.uuola.cn/index/js/sobar.js" charset="utf-8"></script></div>
                </div>
                <%-- 按照分类ID 分组显示，如果没有子类，则不分组列表 --%>
                <div id="body" class="mt4">
                    <p id="nav"><a href="${ctxpath}/">导航首页</a>&gt;${root.topCatalogsName}导航</p>
                    <c:if test="${!(empty root.secondCatalogsList)}">
                        <div id="navlink">
                            <h2 class="ctname">本类导航</h2>
                            <ul><c:forEach var="secondCt" items="${root.secondCatalogsList}"><li><a href="#a${secondCt.cid}">${secondCt.cname}</a></li></c:forEach></ul>
                            </div>
                    </c:if>
                    <c:if test="${!(empty root.list)}">
                        <div class="bs3 bg1 mt2">
                            <div class="wh100p bs2">
                                <div id="site-list">
                                    <c:forEach var="link" items="${root.list}"><a href="${link.siteurl}" target="_blank" lkid="${link.lkid}" wt="${link.weight}">${link.title}</a></c:forEach>
                                    </div>
                                </div>
                            </div>
                    </c:if>
                    <c:if test="${!(empty root.secondCatalogsList)}">
                        <c:forEach var="secondCt" items="${root.secondCatalogsList}">
                            <h2 class="ctname">${secondCt.cname}<a name="a${secondCt.cid}">&nbsp;</a></h2>
                            <div class="bs3 bg1 mt2">
                                <div class="wh100p bs2">
                                    <div id="site-list">
                                        <c:forEach var="link" items="${root[secondCt.cid]}"><a href="${link.siteurl}" target="_blank" lkid="${link.lkid}" wt="${link.weight}">${link.title}</a></c:forEach>
                                        </div>
                                    </div>
                                </div>
                        </c:forEach>
                    </c:if>
                    <h2 class="ctname">热门站点</h2>
                    <div class="bs3 bg1 mt2">
                        <div class="wh100p bs2">
                            <script type="text/javascript" src="http://cdn.uuola.cn/js/tgas/gas.js"></script>
                            <script>outGas1();</script>
                        </div>
                    </div>
                </div> 
                <script type="text/javascript" src="http://cdn.uuola.cn/index/js/foot.js" charset="utf-8"></script>
            </div>
        </div>
        <script>
            jQuery(function() {
                $(".css-tabs:first").tabs(".css-panes:first > div",{effect:'ajax',initialIndex:0,history:true});
                $('#currso').load('${ctxpath}/index/so-tab1.html');
            });
        </script>
        <div style="display:none;"><script type="text/javascript" src="http://cdn.uuola.cn/js/trace.js"></script></div>
    </body>
</html>

